<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>
        节点操作很繁琐
    </p>
    <div>
        <strong>div中</strong>
    </div>
</body>
</html>
<script>
    //appendChild 是添加子节点的方法 调用该方法时一定要使用父节点调用
    let pdom=document.createElement('p');
    pdom.innerHTML='一旦创建了dom对象，就可以直接使用dom操作节点';
    document.querySelector('div').appendChild(pdom);
    //选定页面中已经存在的节点，会先移除原本的节点，在添加到指定位置

    document.querySelector('div').appendChild(document.querySelector('p'));
</script>